<ion-header *ngIf="title">
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-button appDebounceClick (debounceClick)="dismiss()">
                <img src="/assets/icon/nav_icon_close@3x.png" class="backBtnStyle">
            </ion-button>
        </ion-buttons>
        <ion-title>{{title}}</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content class="ion-content relative" appDebounceClick (debounceClick)="dismiss()">
    <ion-slides class="modal-slide" [options]="slideOpts" #slider (ionSlidePrevStart)="getprevIndex()" (ionSlideNextStart)="getnextIndex()">
        <ion-slide *ngFor="let img of data.img; let i=index">
            <!-- <span class="slide-index">{{i+1}}/{{data.length}}</span> -->
            <img class='innerimg' src="{{img}}" alt="">
        </ion-slide>
    </ion-slides>
    <!-- <span class="span">{{index}}/{{data.length}}</span> -->
    <ng-container *ngIf="data.download && (data.download === true || data.download === 'true')">
        <div class="head-bg">
            <img src="assets/fw/nav_icon_close_black@3x.png" class="backBtnStyle" appDebounceClick (debounceClick)="dismiss()">
            <span class="num">({{this.index}}/{{data.img.length}})</span>
        </div>
        <span appDebounceClick (debounceClick)="download(index,$event)" class="save-to-phone">保存到手机</span>
    </ng-container>
    
</ion-content>